:root {
--main-color: #00A295;
--sub-color: rgb(235, 170, 28);

--logo-img: url('../../images/logo.svg');

--header-bgi: url('../../images/img/header-2.png');
--top-bgi: url('../../images/img/top.png');
--body-bgi: url('../../images/bgi.png');
--title-bgi: url('../../images/bgi/title.png');
--count-bgi: url('../../images/bgi/count.png');
}

.main_color { color: var(--main-color) !important; }
.sub_color { color: var(--sub-color) !important; }

/* 头部背景图 */
.header_bgi { background-image: var(--header-bgi); background-size: 100% 100%; }

/* 内容区域背景图 */
.top_bgi { background-image: var(--top-bgi); background-size: 100% 100%; }
.box_bgi { background-color: #50505047; border-radius: 5px; }

.hover_main_color:hover { 
    background: linear-gradient(to bottom, #fff, var(--main-color));
    -webkit-background-clip: text; 
    background-clip: text;
    color: transparent;
}
.hover_main_bgc:hover { background-color: var(--main-color) !important; }
.hover_main_border:hover { border: 1px solid var(--main-color) !important; border-radius: 5px; }

.theme_color_green { color: #52f355; }
.theme_color_orange { color: #f2dc39; }

.main_bgc { background-color: var(--main-color); }
.main_gradient_bgc { background: repeating-linear-gradient(to right, #033448, #00000000, #033448); }
.main_border { border: 1px solid var(--main-color); }


.active_color { color: var(--main-color) !important; }
.active_btn { color: var(--main-color) !important; font-weight: bold; }
.active_bgc { background-color: var(--main-color) !important; background-clip: .5; }

.el_tooTip_bgc { background-color: rgba(11, 135, 236, 0.565) !important; background-clip: .5; }

/* 欢迎 */
.welcome_bgi { 
    background-image: var(--welcome-bgi); 
    background-size: 100% 100%;
    background-color: #000;
}


/* Echart 图表组件 - 标题 */
.chart_title { height: 25px; line-height: 20px; color: var(--main-color); font-size: 0.9vw; font-weight: bold; letter-spacing: 2px; border-bottom: 1px solid var(--main-color); }
.chart_title::before { 
    content: url('../../../assets/images/icon/menu.png');
    position: relative;
    top: 2px;
    margin-right: 5px; 
}

/* Echart 图表组件 - 背景图 */
.chart_box_bgi { background-color: #001531; border: 1px solid #022b64; }



/* user 头像 */
.user_avatar { background-image: var(--user-bgi); }

.border_l_3_s_main_color { border-left: 3px solid var(--main-color); }
.border_b_1_s_main_color { border-bottom: 1px solid var(--main-color); }


